<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>个人简历</title>
    
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-app-capable" content="yes">
    <meta name="apple-mobile-app-status-bar-style" content="black">
   
    <meta name="description" content="一个程序学沫，想成为一个IT大侠">
    <meta name="keywords" content="前端，编程，全栈，绘画，设计">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="author" content="cononico">
    <meta name="application-name" content="Cononico" >

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/process.css">
    <link rel="shortcut icon"  type="image/x-icon" href="favicon.ico" />
    
    <script type="text/javascript">
        //设定rem值
        document.getElementsByTagName("html")[0].style.fontSize = document.documentElement.clientWidth/20 + 'px';
    </script>
</head>
<body>
	<header class="head">
        <div class="head_logo_div">
            <img class="logo_img" src="head.jpg"></a>
        </div>
        <div class="head_nav_div">
             <nav class="head_nav">
                <ul id="nav_ul">
                    <li class="nav_li_on nav_ul_li">主页</li>
                    <li class="nav_ul_li">学习</li>
                    <li class="nav_ul_li">经历</li>
                    <li class="nav_ul_li">生活</li>
                </ul>
            </nav>
        </div>
        <div class="clear"></div>
    </header>
    
    <ul class="float_btn" id="float_btn">
        <li class="btn_on"></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    
    <div class="wrapBox" id="wrapBox">
        <div class="box">
            <img class="box_bg" src="pic_1.jpg">
            <div class="box01_content">
                <div class="head_div">
                    <div class="cycle_item">
                        <a href="https://yoomeili.cn" class="github_a" id="github_a" target="_blank">
                            <span class="github_icon"></span>
                            <span class="github_text"><p class="item_name">GitHub</p></span>
                        </a>
                        <a href="http://www.htmlsucai.com" class="weibo_a" id="weibo_a" target="_blank">
                            <span class="weibo_icon"></span>
                            <span class="weibo_text"><p class="item_name">微博</p> </span>
                        </a>
                        <a href="http://www.htmlsucai.com" class="blog_a" id="blog_a" target="_blank">
                            <span class="blog_icon"></span>
                            <span class="blog_text"><p class="item_name"> 博客</p></span>
                        </a>

                        <div class="green_cycle">
                            <img class="green_cycle_img" src="green_cycle.svg">
                            <div class="yellow_cycle">
                                <img class="yellow_cycle_img" src="yellow_cycle.svg">
                                <div class="blue_cycle">
                                    <img class="blue_cycle_img" src="blue_cycle.svg">
                                    <div class="head_img_div">
                                        <img class="head_img" src="head.jpeg">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <h1 class="title">罗正敏</h1>
                <h2 class="title_h2">十年苦读，只为今夕</h2>
                <div id="box01_text">
                <p class="box01_p">不久前还只是一个落榜的高中生</p>
                <p class="box01_p">现在是一个学习计算机的学生党.</p>
                <p class="box01_p">不久以后将是一个计算机行业的先行者.</p>
                </div>
            </div>
            <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>
        
        <div class="box">
            <img class="box_bg" src="pic_2.jpg">
            
            <div class="box02_content box_content">
                <div id='bar_container' class="bar_container">
                    <div class='bar mint' data-percent='70' data-skill='网页设计与制作'></div>
                    <div class='bar red' data-percent='50' data-skill='数据库应用基础'></div>
                    <div class='bar lila' data-percent='50' data-skill='windows程序设计'></div>
                    <div class='bar orange' data-percent='50' data-skill='Flash'></div>
                    <div class='bar gray' data-percent='30' data-skill='ps'></div>
                    <div class="bar blue" data-percent='50' data-skill='c语言程序设计'></div>
                    <div class="bar green" data-percent='60' data-skill='计算机网络安全'></div>
                </div>
                <div id="box02_text">
                    <h1>About Skill</h1>
                    <div class="overline"></div>
                    <p>2016年9月我们来到华新学院</p>
                    <p>10月我们接触了计算机</p>
                    <p>11月开始学习到ps，c语言程序设计，计算机网络安全</p>
                    <p>2017年初我们学习了网页设计与制作</p>
                    <p>3月学习了flash</p>
                    <p>4月学习了数据库应用基础</p>
                    <p>5月学习了windows程序设计</p>
                    <p>以后还要学习更多计算机应用方面的知识</p>
                    <p>希望我今后在计算机行业有所作为</p>
                </div>
                <div class="clear"></div>
            </div>
            
            <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
            
        </div>
        
        <div class="box">
            <img class="box_bg" src="pic_3.jpg">
            
            <div class="box_content box03_content">
                <ul id="timeUl" class="timeUl">
                    <li>
                        <div>
                            <h1>2016年9月</h1>
                            <p>四川华新现代职业学院</p>
                            <p>专业：计算机应用</p>
                            <p>在学习生涯留下不后悔的记忆(poi~)</p>
                            <p>最喜欢的科目是Flash<p>
                            <p>现在正在愁于学习生活</p>
                        </div>
                    </li>
                    <li>
                        <div>
                            <h1>2016.4-2016.8</h1>
                            <p>广州会展中心</p>
                            <p>服务员</p>
                            <p>学习到打工的不容易</p>
                           <p>生活不易</p>
                        </div>
                    </li>
                    <li>
                       <div>
                            <h1>2017.1-2017.1</h1>
                            <p>酒店</p>
                            <p>传菜生</p>
                            
                            <p>社会多变</p>
                        </div>
                    </li>
                    <li>
                       <div>
                            <h1>Future</h1>
                            
                            <p>...</p>
                        </div>
                    </li>
                </ul>
                 <div class="left_div" id="left_div">
                     <img class="left_arrow" src="arrowleft.png">
                 </div>
                 <div class="right_div" id="right_div">
                      <img class="right_arrow" src="arrowright.png">
                 </div>
            </div>
            
             <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>
        
        
        <div class="box">
            
            <img class="box_bg" src="pic_4.jpg">
            <div class="box_content box04_content">
                <h1 class="box04_title">Something Of Hobby</h1>
                <ul class="hobby_content">
                    <li class="hobby_01">
                        <div class="hobby_img_div">
                            <div class="spinner spinner_01"></div>
                            <div class="hobby_img">
                                <img src="kapok.jpg">
                            </div>
                            <div class="hobby_img_info">
                                <h1>旅游</h1>
                                <h2>步行&</h2>
                            </div>
                        </div>
                        <div class="hobby_text_div">
                            <div class="hobby_img_info_mob">
                                <h1>旅游/<a>步行&</a></h1>
                            </div>
                            <p class="about_p">
                                对于旅游的热爱一部分来自对大自然的热爱,小学时就开始拿着地图独自旅游成都,
                                可惜父母没发现这是个值得培养的爱好,以至于现在发展为一个胖子.
                            </p>
                            <p>
                                比较擅长步行旅游,喜欢自由自在的感觉.
                                </a>
                            </p>
                        </div>
                    </li>
                    <li class="hobby_02">
                        <div class="hobby_img_div">
                            <div class="spinner spinner_02"></div>
                            <div class="hobby_img">
                                <img src="acg.jpg">
                            </div>
                            <div class="hobby_img_info">
                                <h1>饮食</h1>
                                <h2>榴莲&</h2>
                            </div>
                        </div>
                        <div class="hobby_text_div">
                            <div class="hobby_img_info_mob">
                                <h1>饮食/<a>榴莲&</a></h1>
                            </div>
                            <p class="about_p">
                                饮食是大家平时不缺的，每各人都有不同的看法，不同的美食有不同风味，不同的风味会给
                                人带来不同的体验.
                            </p>
                            <p>
                                榴莲对于我来说就是美食它有一种独有的风格就是这种风格为我独爱.
                            </p>
                        </div>
                    </li>
                    <li class="hobby_03">
                        <div class="hobby_img_div">
                            <div class="spinner spinner_03"></div>
                            <div class="hobby_img">
                                <img src="reading.jpg">
                            </div>
                            <div class="hobby_img_info">
                                <h1>文学</h1>
                                <h2>历史&</h2>
                            </div>
                        </div>
                        <div class="hobby_text_div">
                            <div class="hobby_img_info_mob">
                                <h1>文学/<a>历史&</a></h1>
                            </div>
                            <p class="about_p">
                                和大多数人一样曾经也在可当上捧着一本小说看,以前喜欢冰心,现在的兴趣
                                转移到历史上去了,屌丝只有多读书才能提高自己的内涵.
                            </p>
                            <p>
                                历史会给人带来不一样的社会发展过程.
                            </p>
                        </div>
                    </li>
                    <div class="clear"></div>
                </ul>
            </div>
             <div class="arrow_div">
                <img class="arrow_img" src="arrowhead.png">
            </div>
        </div>
        <foot id="foot" class="foot">
            <h1 class="foot_title">HTML网页制作</h1>
            <div class="foot_power">
                <h3>2017.06.24
                    <a href="http://www.htmlsucai.com" title="Night" target="_blank"> 计应2班</a>
                    <a href="https://blog.yoomeili.cn" title="IceEnd">罗正敏注</a>
                    <a href="http://www.htmlsucai.com" title="beian" target="_blank">2016140228</a>
                </h3>
            </div>
        </foot>
    </div>
    <script type="text/javascript" src="js/main.js"></script>
</body>
    
</html>

 